<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
	<title>天气预报</title>

	<link rel="manifest" href="manifest.json">
	<link href="lib/ionic/css/ionic.css" rel="stylesheet">
	<link href="index.css" rel="stylesheet">

	<script src="lib/ionic/js/ionic.bundle.min.js"></script>
	<script src="cordova.js"></script>
	<script src="js/ngStorage.js"></script>
	<script src="js/index.js"></script>
</head>

<body ng-app="app" ng-cloak>

	<ion-side-menus>
		<ion-side-menu-content drag-content="true" class="body" ng-controller='mainCtrl'>
			<header>{{weatherData.city}}</header>
			<main>
				<img class="icon" ng-src="days{{weatherData.today.pic}}">
				<div class="tempers">&nbsp; <span>{{weatherData.today.tempers}}</span><sup>℃</sup></div>
				<div class="weather">{{weatherData.today.weather}}</div>
				<div class="wind">{{weatherData.today.wind}}</div>
				<div class="current">实时温度{{weatherData.today.temper}}，空气指数{{weatherData.pm25}}&#x3000;{{weatherData.pm25Name}}</div>
			</main>
			<footer>
				<section ng-repeat="next in weatherData.nextThree">
					<div class="week">{{next.week}}</div>
					<img class="icon" ng-src="days{{next.pic}}">
					<div class="temper">{{next.temper}}</div>
					<div class="weather">{{next.weather}}</div>
					<div class="wind">{{next.wind}}</div>
				</section>
			</footer>
		</ion-side-menu-content>

		<ion-side-menu side="left" width="270" class='leftSide' ng-controller='leftSideCtrl'>
			<ion-header-bar>
				<h1 class="title">城市</h1>
				<button class="add button button-icon ion-ios-plus-empty" ng-click='addCity.showPopover()'></button>
			</ion-header-bar>
			<ion-content class="leftContent">
				<ion-list class="positive-bg">
					<a href="#/" menu-close>
						<ion-item class='city item-icon-right' ng-repeat='city in citys' ng-click='chooseCity(city)'>
							<h2>{{city.name}}</h2>
							<i class="icon ion-checkmark" ng-if='city.selected'></i>
							<ion-option-button class="button-assertive" ng-click='deleteCity($index)' ng-if='!city.selected'>
								删除
							</ion-option-button>
						</ion-item>
					</a>
				</ion-list>
			</ion-content>
		</ion-side-menu>
	</ion-side-menus>
</body>

</html>